<div class="home_page" @touchmove.prevent>
    <div class="top_bar" data-el="top">
        <div id="table_bar_wrap">
            <ul class="table_bar" v-if="nav.length > 0" :style="{width:tableLiWidth * topTable.length + 'px'}">
                <a class="tb" :href="table.url" :class=" table.active ? 'active':''" v-for="table in nav" v-text="table.name"></a>
            </ul>
        </div>
        <div class="teacher_search" :class="searchShow ? 'hide':''">
            <div class="search_placeholder" @Click="search()">
                <input type="text"placeholder="搜索老师" readonly>
            </div>
            <div class="search_box" :class="searchModal.show ?'show-box':''" @touchmove.prevent>
                <div class="search_box_search">
                    <div class="search_exit" @Click="search()">
                        <div class="search_exit_icon"></div>
                    </div>
                    <div class="search_box_input">
                        <input type="text" placeholder="教师搜索">
                    </div>
                    <button class="search_box_btn">搜索</button>
                </div>
                <div class="search_hot">
                    <p class="title">热门搜索</p>
                    <ul class="hot_list">
                        <li class="hot_list_li">插画</li>
                        <li class="hot_list_li">简历</li>
                        <li class="hot_list_li">问答</li>
                        <li class="hot_list_li">插画</li>
                        <li class="hot_list_li">简历</li>
                        <li class="hot_list_li">问答</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="show-wrap" :class="listShow?'list-show':''">
        <div id="scroll_el" data-el="scroll">
            <div class="scroll_html" >
                <my-view>
            </div>
        </div>
    </div>
    <div class="handel_btn_more" :class="footerShow?'footer_show':''" data-el="footer">
        <a :href="handel.url" v-text="handel.text"></a>
    </div>
</div>